<!DOCTYPE html>
<html>
  <head>
    <title><%= title %> - microblog</title>
    <%- stylesheets %>
    <style type="text/css">
	    body {
	      padding-top: 60px;
	      padding-bottom: 40px;}
		</style>
    <%- scripts %>
  </head>
  <body>
  	<div class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</a>
					<a class="brand" href="/">microblog</a>
					<div class="nav-collapse">
						<ul class="nav">
							<li class="active"><a href="/">Homepage</a></li>
							<% if(!user) { %>
								<li><a href="/login">Sign In</a></li>
								<li><a href="/reg">Register</a></li>
							<% } else { %>
								<li><a href="/logout">Sign Out</a></li>
							<% } %>	
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="container" class="container">
			<% if (success) { %>
				<div class="alert alert-success">
					<%= success %>
				</div>
			<% } %>
			<% if (error) { %>
				<div class="alert alert-error">
					<%= error %>
				</div>
			<% } %>
	    <%- body -%>
	    <hr>
	    <footer>
	    	<%- blocks.footer %>
	    </footer>
    </div>
  </body>
</html>